<template>
	<view>
		<!-- 头部 -->
		<view class="upper">
		
			<uni-nav-bar :shadow="false" leftText="返回" left-icon="left" title="商品列表" :border="false" @clickLeft="back" />
			<view class="below">
				<view class="search">
					<view class="inp">
						<input class="input" type="text" placeholder="搜索关键字" />
					</view>
					<view class="icon">
						<uni-icons type="search" size="20"></uni-icons>
					</view>
				</view>
				<view class="type">
					<view class="screen">
						筛选
					</view>
					<view class="iconxs">
						<uni-icons type="tune" size="20"></uni-icons>
					</view>
				</view>
			</view>
		</view>
		<!-- 列表 -->
		<view class="list_box">
			<view class="list">
				<!-- 1 -->
				<view class="list_sox" @click="go" >
					<view class="ima">
						<image src="@/static/shang_01.jpg" mode=""></image>
					</view>
					<view class="list_text">
						<view class="text_top">
							吉野家牛肉饭
						</view>
						<view class="text_cem">
							美食|午饭
						</view>
						<view class="text_bot">
							<view class="butt">
								查看详情
							</view>
						</view>
					</view>
				</view>
				<!-- 2 -->
				<view class="list_sox">
					<view class="ima">
						<image src="@/static/shang_01.jpg" mode=""></image>
					</view>
					<view class="list_text">
						<view class="text_top">
							吉野家牛肉饭
						</view>
						<view class="text_cem">
							美食|午饭
						</view>
						<view class="text_bot">
							<view class="butt">
								查看详情
							</view>
						</view>
					</view>
				</view>
				<!-- 3 -->
				<view class="list_sox">
					<view class="ima">
						<image src="@/static/shang_01.jpg" mode=""></image>
					</view>
					<view class="list_text">
						<view class="text_top">
							吉野家牛肉饭
						</view>
						<view class="text_cem">
							美食|午饭
						</view>
						<view class="text_bot">
							<view class="butt">
								查看详情
							</view>
						</view>
					</view>
				</view>
				<!-- 4 --><view class="list_sox">
					<view class="ima">
						<image src="@/static/shang_01.jpg" mode=""></image>
					</view>
					<view class="list_text">
						<view class="text_top">
							吉野家牛肉饭
						</view>
						<view class="text_cem">
							美食|午饭
						</view>
						<view class="text_bot">
							<view class="butt">
								查看详情
							</view>
						</view>
					</view>
				</view>
				<!-- 5 -->
				<view class="list_sox">
					<view class="ima">
						<image src="@/static/shang_01.jpg" mode=""></image>
					</view>
					<view class="list_text">
						<view class="text_top">
							吉野家牛肉饭
						</view>
						<view class="text_cem">
							美食|午饭
						</view>
						<view class="text_bot">
							<view class="butt">
								查看详情
							</view>
						</view>
					</view>
				</view>
				<!-- 6 -->
				<view class="list_sox">
					<view class="ima">
						<image src="@/static/shang_01.jpg" mode=""></image>
					</view>
					<view class="list_text">
						<view class="text_top">
							吉野家牛肉饭
						</view>
						<view class="text_cem">
							美食|午饭
						</view>
						<view class="text_bot">
							<view class="butt">
								查看详情
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			go(){
				uni.navigateTo({
					url:'/pages/StoreDetails/StoreDetails'
				})
			},
			back(){
				uni.navigateBack({
					delta:1
				})
			}
		}
		
	}
</script>

<style lang="less">
@import url('../../static/css/shoplist/shoplist.less');
</style>
